<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="weidth=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
		<title>个人社保计算软件—1917117237张溢坤</title>
		<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
		
		<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/twitt-bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<script>
			function calc() {
				sal = $("#salary").val();// 取得工资文本框里用户输入的值
				salnum = parseInt(sal); // 把用户输入的值转换成数字，方可用于数学计算
				
				// 计算养老保险
				ylgr = salnum * 0.08; // 个人缴纳的养老保险金额
				ylgs = salnum * 0.2; // 公司缴纳的养老保险金额
				$("#ylgr").text(ylgr); // 把计算结果放到表格的单元格里
				$("#ylgs").text(ylgs);// 把计算结果放到表格的单元格里
				
				// 计算医疗保险
				ybgr = salnum * 0.02;
				ybgs = salnum * 0.06;
				$("#ybgr").text(ybgr);
				$("#ybgs").text(ybgs);
				
				// 计算失业保险
				sygr = salnum * 0.005;
				sygs = salnum * 0.015;
				$("#sygr").text(sygr);
				$("#sygs").text(sygs);
				
				// 计算工伤保险
				gs=salnum*0.005;
				$("#gs").text(gs);
				
				//计算生育保险
				sy=salnum*0.008;
				$("#sy").text(sy);
				
				//计算公积金
				gjjgr=salnum*0.12;
				gjjgs=salnum*0.12;
				$("#gjjgr").text(gjjgr);
				$("#gjjgs").text(gjjgs);
				
				//个人合计
				grhj=ylgr+ybgr+sygr+gjjgr;
				$("#grhj").text(grhj);
				//公司合计
				gshj=ylgs+ybgs+sygs+gs+sy+gjjgs;
				$("#gshj").text(gshj);
				
				//总额
				$("#total").text(salnum+gshj);
				}
				</script>
	</head>
	<body>
		<div class="container text-center">
			<h3>社保计算软件—Web版</h3>
			<table class="table table-bordered text-center">
				<tr>
					<td>工资</td>
					<td colspan="3"><input type="text" id="salary" class="form-control" placeholder="请输入个人工资>"</td>
					<td><button class="btn btn-danger btn-block" onclick="calc()">计算</button></td>
				</tr>
				<tr class="bg-primary">
					<td>险种</td>
					<td>个人%</td>
					<td>个人</td>
					<td>公司%</td>
					<td>公司</td>
				</tr>
				<tr>
					<td>养老</td>
					<td>8%</td>
					<td id="ylgr"></td>
					<td>20%</td>
					<td id="ylgs"></td>
				</tr>
				<tr>
					<td>医疗</td>
					<td>2%</td>
					<td id="ybgr"></td>
					<td>6%</td>
					<td id="ybgs"></td>
				</tr>
				<tr>
					<td>失业</td>
					<td>0.5%</td>
					<td id="sygr"></td>
					<td>1.5%</td>
					<td id="sygs"></td>
				</tr>
				<tr>
					<td>工伤</td>
					<td></td>
					<td></td>
					<td>0.8%</td>
					<td id="sy"></td>
				</tr>
				<tr>
					<td>公积金</td>
					<td>12%</td>
					<td id="gjjgr"></td>
					<td>12%</td>
					<td id="gjjgs"></td>
				</tr>
				<tr>
					<td>合计</td>
					<td>个人合计</td>
					<td id="grhj"></td>
					<td>公司合计</td>
					<td id="gshj"></td>
				</tr>
				<tr>
					<td>总额</td>
					<td colspan="4" id="total"></td>
				</tr>
				
			</table>
		</div>
		<div class="text-center">
			开发者：   山西传媒学院   数字媒体技术  1917117237    张溢坤
		</div>
	</body>
</html>
